import { styled } from 'styled-components'

/*
 * @description:
 * @version:
 * @Author: 王治飞
 * @Date: 2023-08-22 14:57:47
 * @LastEditors: 王治飞
 * @LastEditTime: 2023-08-22 15:57:48
 */
export const LongItemWrap = styled.div`
  box-sizing: border-box;
  padding: 8px;
  width: 20%;
  flex-shrink: 0;
  position: relative;
  color: #fff;
  .cover {
    background: url(${p => p.$imgurl});
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 254px;
    border-radius: 3px;
  }
  .shadow {
    height: 60%;
    position: absolute;
    bottom: 8px;
    width: calc(100% - 16px);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 100%);
    border-radius: 3px;
  }
  .city {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 80px;
  }
  .price {
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
  }
`
